<template>
    <div id="app">
        <!-- 面包屑 -->
        <div id="breadcrumb_box">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item>系统管理</el-breadcrumb-item>
                <el-breadcrumb-item to='/warehouse'>仓库管理</el-breadcrumb-item>
                <el-breadcrumb-item><span id="current">{{ this.warehouse_detail.warehouseName }}</span>
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>

        <!-- 仓库详细信息 -->
        <el-card>
            <el-row>
                <el-col :span="21">
                    <span style="font-size: 16px; color: #2c9678; font-weight: 700;">
                        仓库详细信息
                    </span>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <span style="font-size: 15px">
                        仓库id：
                    </span>
                    <el-input v-model="warehouse_detail.warehouseId" disabled style="width: 120px">
                    </el-input>
                </el-col>
                <el-col :span="5">
                    <span style="font-size: 15px">
                        仓库名：
                    </span>
                    <el-input v-model="warehouse_detail.warehouseName" disabled style="width: 170px">
                    </el-input>
                </el-col>
                <el-col :span="4">
                    <span style="font-size: 15px">
                        容量：
                    </span>
                    <el-input v-model="warehouse_detail.capacity" disabled style="width: 120px">
                    </el-input>
                </el-col>
                <el-col :span="4">
                    <span style="font-size: 15px">
                        库存：
                    </span>
                    <el-input v-model="warehouse_detail.totalInventory" disabled style="width: 120px">
                    </el-input>
                </el-col>
                <el-col :span="6">
                    <span style="font-size: 15px">
                        建立时间：
                    </span>
                    <el-date-picker v-model="warehouse_detail.createTime" type="datetime" disabled style="width: 200px">
                    </el-date-picker>
                </el-col>
            </el-row>
        </el-card>

        <el-card>
            <div id="list">
                <el-table border stripe :header-cell-style="tableHeaderCellStyle" :cell-style="tableCellStyle"
                    tooltip-effect="dark" :data="showList.slice((currentPage - 1) * pageSize, currentPage * pageSize)">
                    <el-table-column :label="item.propName" :property="item.prop" v-for="item in tableColumnList"
                        :key="item.prop" align="center">
                    </el-table-column>
                </el-table>
            </div>
        </el-card>

        <!-- 分页页码 -->
        <div id="page_box">
            <el-pagination :current-page="currentPage" @current-change="handleCurrentChange"
                layout="total, prev, pager, next, jumper" :total="total" :page-size="pageSize" background
                hide-on-single-page>
            </el-pagination>
        </div>
    </div>
</template>

<script src="../../assets/js/admin/warehouse_detail.js">
</script>

<style scoped src="../../assets/css/admin/manage.css">
</style>